草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - AngularJS/ui-bootstrap Accordion -单击时滚动到事件(打开) Accordion 的顶部

当一个面板打开时,我需要让它滚动回到刚刚点击的面板的“.panel-title”。我知道我可以创建一个指令来执行此操作,例如(从thissite获得):.directive('scrollTop',scrollTop);functionscrollTop(){return{restrict:'A',link:link};}functionlink($scope,element){$scope.collapsing=false;$scope.$watch(function(){return$(element).find('.panel-collapse').hasClass('colla

javascript - 如何在 Vue.js 中测试计算属性?无法模拟 "data"

我想知道如何在Vue.js的单元测试中测试计算属性。我已经通过vue-cli(基于webpack)创建了一个新项目。例如这是我的组件:exportdefault{data(){return{source:[]}},methods:{removeDuplicates(arr){return[...newSet(arr)]}},computed:{types(){returnthis.removeDuplicates(this.source))}}}我试过这样测试it('shouldremoveduplicatesfromarray',()=>{constarr=[1,2,1,2,3]co

javascript - 如何使用注入(inject)的 JavaScript 将 UIWebView 滚动到一个点

我整天都在阅读这个,根本无法解决问题。我正在尝试加载网页,加载完成后自动将其滚动到预定点。我一直在阅读这样的教程http://iphoneincubator.com/blog/windows-views/how-to-inject-javascript-functions-into-a-uiwebview仍然没有运气。这是我的.m出现问题的地方。我很绝望请帮忙!此外,它告诉我我的webViewDidFinishLoad正在覆盖实例变量,但我相信这应该不是问题-(void)viewDidLoad{[superviewDidLoad];NSString*urlAddress=@"http:

javascript - 在 iPhone 上滚动页面时隐藏和显示 div

需要在网页顶部显示一个元素(div)。在滚动期间,元素应该消失并在滚动结束后重新出现。增加复杂性:我们的代码是访客代码(因此我们无法操纵DOM结构等)。我们的代码适用于iPhone/iPad(移动Safari浏览器)我们尝试在文档/主体上监听touchstart事件,并在我们的专用处理程序中隐藏元素(div)。然而,在某些站点中(当DOM结构变得相当复杂时)滚动响应时间显着增加,即使处理程序实现完全是空的。我们正在寻找适当的方法来管理元素(重新)出现,同时将滚动时对用户体验的影响降到最低。 最佳答案 我认为Javascript是您的

javascript - Chart.js 中的可滚动 x 轴

我想使用Chart.js库在我的网站上绘制图表,但我打算为图表提供大量数据(>1000)。但是,当我将数据提供给chart.js折线图时,图表无法滚动,但值被推到一起导致图表不可读。有没有办法让chart.js折线图在x轴上滚动? 最佳答案 我遇到了这个问题,并通过使用jquery为我的chartjsCanvas编辑父div的css来解决它。这不是一个非常可靠的解决方案,但确实使数据可读/可滚动。$("#parentDiv").css("width","1000px");$("#parentDiv").css("overflow",

javascript - Angular ui-router在滚动时改变状态

这是一个示例布局。假设部分高度大于或等于用户的视口(viewport)。+----------+|Section1|+----------+|Section2|+----------+|Section3|+----------+所有这些部分都放在一个View中。我想在用户滚动页面并到达其中一个部分时动态更改浏览器url:第一次用户看到http://example.com/#/section1(angular不使用html5模式),然后他向下滚动页面,当section2元素在用户视口(viewport)中可见时,应该会看到http://example.com/#/section2。此外,

javascript - 使用 SVG 和 d3.js 创建滚动条

现在我已经使用d3创建了几个“框”,它们只是带有文本的SVG矩形:varcanvas=d3.select("body").append("svg").attr("width",800).attr("height",500);//specifiesdrawingareaforeachboxvarboxes=canvas.selectAll("rect").data(classData).enter();boxes.append("rect").attr("width",boxWidth).attr("height",boxHeight).attr("fill",boxColor).att

javascript - 在不使用 "angular.element.scope"的情况下从 AngularJs 外部更新范围

我希望能够从Angular外部的函数更新Angular中的范围。例如,如果我有一个返回成功回调的jQuery插件,我希望能够从该成功回调更新范围。我见过的每个解决方案都涉及调用angular.element(selector).scope,然后在返回的范围上调用$apply。但是,我也看到很多评论表明这在调试信息关闭时不起作用,因此不推荐这样做,但我还没有看到任何替代解决方案。有谁知道在不使用angular.element(selector).scope的情况下从Angular外部更新范围的方法吗?这是帖子中接受的解决方案:“如果您想从AngularJs的控制之外对范围值进行任何更改,

javascript - 使用 Vue.js 访问子组件中的 api 数据

我正在开发一个大型应用程序,在处理来self的API的数据并将其传递到我的子组件时遇到了很多麻烦。情况。我从父组件调用我的API,并通过prop将数据传递到我的子组件。子组件可以很好地显示数据,但我无法在子组件的就绪函数中访问数据。看看:https://jsfiddle.net/kmrfkynf/3/正如您在控制台中看到的那样,在子组件就绪函数中显示数据会给我一个空对象...ready:function(){console.log('itemsfromchildcomponent',this.items);}...但是子组件在我的重复中很好地渲染了对象。所以问题是子组件在父组件的API

javascript - 检测故意的顶部和底部额外滚动

我正在尝试使用javascript检测有意的额外顶部/底部滚动。$(window).scrollTop()和window.pageYOffset没有用,因为它们停在Top0我想达到类似顶部-X。对于底部,假设我的文档的高度为500,底部将类似于bottom5XX。编辑:示例代码可以是:$(window).scroll(function(){if(intentionalScrollTop){//Dosomething}elseif(intentionalScrollDown){//Dosomething}});动图示例: 最佳答案 我